$(document).ready(function () {
  hashJudge()
  window.addEventListener('hashchange', function () {
    hashJudge()
  })

  function getJson(info) {
    var html = '';
    for (var i = 0; i < info.length; i++) {
      var item = '<th>' + info[i] + '</th>';
      html += item;
    }
    $('#datatable thead tr').html(html);
  }

  function hashJudge() {
    var hash = location.hash.replace('#', '');
    switch (hash) {
      case 'pm':
        $.get('./tables_dynamic.json', function (data) {
          getJson(data.pm);
        }, 'json')
        break;
      case 'worker':
        $.get('./tables_dynamic.json', function (data) {
          getJson(data.worker);
        }, 'json')
        break;
      case 'apply':
        $.get('./tables_dynamic.json', function (data) {
          getJson(data.apply);
        }, 'json')
        break;
      case 'make':
        $.get('./tables_dynamic.json', function (data) {
          getJson(data.make);
        }, 'json')
        break;
      case 'finished':
        $.get('./tables_dynamic.json', function (data) {
          getJson(data.finished);
        }, 'json')
        break;
      case 'latest':
        $.get('./tables_dynamic.json', function (data) {
          getJson(data.latest);
        }, 'json')
        break;
      case 'secretary':
        $.get('./tables_dynamic.json', function (data) {
          getJson(data.secretary);
        }, 'json')
        break;
      case 'feedback':
        $.get('./tables_dynamic.json', function (data) {
          getJson(data.feedback);
        }, 'json')
        break;
      case 'complaint':
        $.get('./tables_dynamic.json', function (data) {
          getJson(data.complaint);
        }, 'json')
        break;
      case 'push':
        $.get('./tables_dynamic.json', function (data) {
          getJson(data.push);
        }, 'json')
        break;
    }
  }
})